*{margin: 0px;padding: 0px;}

body{min-width:1260px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/

a:link,a:visited,a:hover,a:active{text-decoration:none;}

a{text-decoration: none;}

li{list-style-type:none;}

ul,ol{list-style-type: none;list-style-image: none;}

/*清除浮动*/

 



.main{

	width: 1400px;

	margin:0 auto;

}



.head{

	width: 100%;

	height:150px;

	overflow: hidden;

}

.top{

	width: 100%;

	height: 40px;

	overflow: hidden;

	background: #0066cc;  

	background: -moz-linear-gradient(left,  #0066cc 30%, #0066cc 30%, #333333 30%, #333333 30%);  

	background: -webkit-linear-gradient(left,  #0066cc 30%,#0066cc 30%,#333333 30%,#333333 30%); 

	background: linear-gradient(to right,  #0066cc 30%,#0066cc 30%,#333333 30%,#333333 30%);  

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#333333',GradientType=1 ); 





 

}

.top p{

	font-size: 13px;

	color:#fff;

	line-height: 40px;

	float: left;

	background: #0066CC;

	position: relative;

}

.top p:after{

	content: "";

	width: 16px;

	height: 40px;

	position: absolute;

	right:-16px;

	top: 0;

	background: url(../images/icon01.png) no-repeat left top;



}

.top ul{

	float: right;

}

.top ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 40px;

	position: relative;

}

.top ul li a{

	font-size: 13px;

	color:#fff;

}

.top ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	top:50%;

	margin-top: -7px;

	right: 0;

	background: #fff;

}

.top ul li:last-child:after{

	width: 0;

}

.head img{

	display: block;

}

.head .name{

	float: left;

}

.head .tel{

	float: right;

}

.head .name div{

	display: table-cell;

	vertical-align: middle;

	height: 150px;

}



.head .tel div{

	display: table-cell;

	vertical-align: middle;

	height: 150px;

}



.nav{

	float: left;

	margin-left: 15px;

}

.nav ul li{

	float: left;

	width: 125px;

	height: 150px;

	line-height: 150px;

	text-align: center;

}

.nav ul li a{

	color:#333333;

	font-size: 16px;

}

.nav ul li:hover{

	background: #0066CC;

}

.nav ul li:hover a{

	color:#fff;

}

.banner{ 

	width:100%;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:15px; 

 overflow:hidden; 

 position:absolute; 

 left:50%;

 transform: translate(-50%);

 bottom:25px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 



}

.banner .hd ul li{

 float:left; 

 margin: 0 2px;

 width:50px; 

 height:15px; 

 line-height:14px; 

 border-radius: 10px;

 text-align:center; 

 cursor:pointer;

 background: #808284;

 

}

.banner .hd ul li.on{

 background:#006CD8;

 

}

.banner .bd{

 position:relative; 

 height:100%;

  z-index:0; 

  width: 100%; 

}

.banner .bd li{

 zoom:1; 

 vertical-align:middle; 

}

.banner .bd img{

	width:100%; 

	display:block; 

}

.banner .prev,

.banner .next{

 position:absolute; 

 left:3%; 

 top:50%;

 margin-top:-3%;

 display:block; 

 width:32px;

 height:40px;  

 filter:alpha(opacity=50);opacity:0.5;   

}

.banner .next{

 left:auto; right:3%; 

 background-position:8px 5px; 

}

.banner .next {

	font-size: 

	58px;color:#fff;

}

.banner .prev{

	font-size: 

	58px;color:#fff;

}

.banner .prev:hover,

.banner .next:hover{

	filter:alpha(opacity=100);opacity:1;  

}

.banner .prevStop{ 

	display:none;  

}

.banner .nextStop{ display:none;  

}

 

 



.title h4{

	color:#000000;

	font-size: 36px;

	text-align: center;

}

.title b{

	display: block;

	text-transform: uppercase;

	margin-top: 10px;

	font-family: 'Arial';

	color:#DDE6F5;

	font-weight: bold;

	text-align: center;

	font-size: 20px;

}



.product{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.product .list{

	width: 100%;

	height: 60px;

	position: relative;

	z-index: 100;

	margin-top: 35px;

}

.product .list ul{

	width: 100%;

	position: absolute;

}

.product .list ul li{

	float: left;

	width: 224px;

	height: auto;

	overflow: hidden;

	margin-left: 20px;

	background: #fff;

	border-radius: 5px;

	box-sizing: border-box;

	border: 1px solid #DEDEDE;

}



.product .list ul li:nth-child(5n-4){

	margin-left: 0;

}

.product .list h4{

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: url(../images/icon02.png) no-repeat 185px center;

}

.product .list h4 a{

	color:#333333;

	font-size: 16px;

	font-weight: normal;

	max-width:154px;

	margin: 0 auto;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block;

}



.product .list dl{

	width: 200px;

	margin: 0 auto;

	margin-bottom: 5px;

	height: auto;

	display: none;

	overflow: hidden;

}

.product .list dl dd{

	width: 100%;

	height: 30px;

	text-align: center;

	line-height: 30px;

	border-bottom: 1px solid #f1f1f1;

}

.product .list dl dd:last-child{

	border: none;

}

.product .list dl dd a{

	color:#333;

	font-size: 14px;

}

.product .list dl dd:hover a{

	color:#0066CC;

}



.product .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.product .pic ul li{

	float: left;

	width: 386px;

	height: auto;

	overflow: hidden;

 	position: relative;

	margin-left: 20px;

	margin-bottom: 25px;

}

.product .pic ul li img{

	display: block;

	width: 386px;

	height: 300px;

}

.product .pic ul li:nth-child(3n-2){

	margin-left: 0;

}



.product .pic ul li .info{

	width: 386px;

	height: 300px;

	position: absolute;

	opacity: 0;

	transition: .5s;

	top: 0;

	left: 0;

	background: rgba(68,148,219,0.8);

}

.product .pic ul li .info span{

	display: block;

	color:#fff;

	font-size: 16px;

	width: 140px;

	height: 40px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	line-height: 40px;

	text-align: center;

	position: relative;

	top: 50%;

	left: 50%;

	margin-left: -70px;

	margin-top: -20px;

}

.product .pic ul li:hover div{

	opacity: 1;

}

.product .pic ul li:hover img{

	transform: scale(1.05);

}

.product .pic ul li p{

	width: 100%;

	height: 50px;

	background: #D6DBE1;

	text-align: center;

	line-height: 50px;

	font-size: 16px;

	color:#333333;

}



.gg{

	width: 1200px;

	margin: 0 auto;

	height:254px;

	overflow: hidden;

	margin-top: 20px;

	background: url(../images/gg.png) no-repeat center;

}

.gg a{

	display: block;

	width: 100%;

	height: 100%;

}

.cases{

	width: 100%;

	height: 646px;

	background: url(../images/bg01.jpg) no-repeat center;

	margin-top: 10px;

	overflow: hidden;

}

.cases .title{

	margin-top: 60px;

}

.cases .title h4{

	color:#fff;

}

.cases .title b{

	color:#6AA1DD;

}

.cases .show{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 45px;

}

.cases .box{

	width: 800%;

}

.cases .pic{

	float: left;

}

.cases .pic ul li{

	float: left;

	width: 400px;

	height: auto;

	overflow: hidden;

	margin-left: 25px;

	position: relative;

}

.cases .pic ul li img{

	display: block;

	width: 400px;

	height: 304px;

}

.cases .pic ul li  span{

	position: relative;

	left: 50%;

	top: 50%;

	display: block;

	margin-top: -20px;

	margin-left: -70px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	line-height: 40px;

	color:#fff;

	font-size: 16px;

	width: 140px;

	text-align: center;

}

.cases .pic ul li  .info{

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	width: 100%;

	transition:.5s;

	height: 100%;

	background: rgba(68,75,75,0.5);

}

.cases .pic ul li:hover img{

	transform: scale(1.05);

}

.cases .pic ul li:hover div{

	opacity: 1;

}

.cases .more{

	display: block;

	width: 176px;

	height: 40px;

	border: 1px solid #fff;

	text-align: center;

	line-height: 40px;

	color:#fff;

	font-size: 14px;

	margin: 0 auto;

	margin-top: 30px;

}

.img-box{

	overflow:hidden;

	height: auto;

	width: 100%;

}

.img-box img{

	transition: .5s;

}

.img-box:hover img{

	transform: scale(1.05);

}



.about{

	max-width: 1580px;

	margin: 0 auto;

	height: 805px;

	margin: 0 auto;

	margin-top: -48px;

	position: relative;

	z-index: 1;

	overflow: hidden;

	background: url(../images/bg02.png)  no-repeat center;

 

}



.about .bd{

	width: 1200px;

	margin:0 auto;

	height: 424px;

	margin-top: 90px;

}

.about .pic{

	float: left;

}

.about .pic img{

	display: block;

	width: 574px;

	height: 424px;

}

.about  .intro{

	float: right;

	width: 580px;

	height: 424px;

}

.about  .intro .tit{

	position: relative;

	padding-bottom: 25px;

}

.about  .intro .tit:after{

	content: "";

	width: 38px;

	height: 2px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #333333;

}

.about  .intro .tit img{

	display: block;

}

.about  .intro .tit p{

	color:#333333;

	font-size: 21px;

	margin-top: 20px;

}



.about  .intro .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	color:#333333;

	font-size: 14px;

	line-height: 26px;

	margin-top: 28px;

}

.about  .intro a{

	display: block;

	width: 175px;

	height: 40px;

	background: #1E80DB;

	text-align: center;

	color:#fff;

	font-size: 14px;

	text-align: center;

	line-height: 40px;

	margin-top:60px;

	position: relative;



	z-index: 1;

}

.about  .intro a:after{

	content: "";

	width: 191px;

	height: 26px;

	background: url(../images/bg03.png)  no-repeat  center bottom;

	position: absolute;

	left: 50%;

	margin-left: -95px;

	bottom: -20px;

}



.section{

	width: 1200px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	margin-top: -185px;

}

.news {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.news .left{

	width: 780px;

	height: auto;

	overflow: hidden;

	float: left;

}

.news .hd{

	width: 100%;

	height: 72px;

	background: #C0C7CD;

	margin-top: 30px;

}

.news .hd ul li{

	float: left;

	width: 184px;

	height: 72px;

	font-size: 18px;

	

}



.news .hd ul li  i{

	display: block;

	width: 22px;

	height: 25px;

	background: url(../images/icon04.png) no-repeat;

	background-position:center top;

	margin-right: 9px;

}

.news .hd ul li:nth-child(2) i{

	background: url(../images/icon03.png) no-repeat center top;

}

.news .hd ul .on  i{

 	background-position: center bottom !important;

}

.news .hd ul .on{

	background: #006CD8

}

.news .hd ul .on a{

	color:#fff;

}

.news .hd ul li a{

	color:#333;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 72px;

}

.news .hd .more{

	float: right;

	width: 70px;

	height: 70px;

	background: url(../images/more.png) no-repeat center;

}

.news .bd{

 	width: 100%;

	margin: 0 auto;

	height:470px;

	overflow: hidden;

	background: #ECEFF4;

}

.news .bd .box{

	width: 730px;

	margin: 0 auto;

}

.news .bd .part{

	width: 730px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 34px;

	left: 25px;

}

.news .bd .part .current{

	width: 346px;

	height: auto;

	float: left;

	overflow: hidden;

}

.news .bd .part .current img{

	display: block;

	width: 346px;

	height: 270px;

}

.news .bd .part .current h4{

	width: 100%;

	color:#333333;

	font-size: 16px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	font-weight: normal;

	margin-top: 15px;

}

.news .bd .part .current h4:hover {

	color:#006CD8;

}

.news .bd .part .current span{

	display: block;

	color:#999999;

	font-size: 12px;

	margin: 12px 0;

}

.news .bd .part .current p{

	color:#555555;

	font-size: 14px;

	line-height: 24px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	height: 48px;

	overflow: hidden;

}

.news .bd .part  ul{

	float: right;

	width: 365px;

	height: auto;

	overflow: hidden;

}

.news .bd .part  ul li{

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

	border-bottom: 1px dashed #D2D2D2;

 

}

.news .bd .part  ul li a{

	color:#333;

	font-size: 15px;

	display: block;

	float: left;

	white-space: nowrap;

    text-overflow: ellipsis;

    width: 265px;

    overflow: hidden;

}

.news .bd .part  ul li  span{

	float: right;

	color:#999999;

	font-size: 12px;

}

.news .bd .part  ul li:hover a{

	color:#006CD8;

}



.news .qs{

	width: 400px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-top: 30px;

}

.news  .qs .tit {

	height: auto;

	overflow: hidden;

	margin-top: 7px;

}

.news  .qs .tit img{

	display: block;

	float: left;

}

.news  .qs .tit p{

	color:#333333;

	font-size: 18px;

	font-weight: bold;

	float: left;

	margin-left: 10px;

}

.news  .qs .tit a{

	display: block;

	float: right;

	display: block;

	width: 18px;

	height: 18px;

	background: url(../images/more.png) no-repeat center;

	float: left;

}

.news  .qs .tit a{

	float: right;

}



.news  .qs  ul{

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.news  .qs  ul li{

	width: 100%;

	height: 150px;

	overflow: hidden;

	padding: 35px 35px;

	box-sizing: border-box;

	background: #ECEFF4;

	margin-bottom: 20px;

}

.news  .qs  ul li .q{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.news  .qs  ul li .q span{

	width: 23px;

	height: 23px;

	border-radius: 50%;

	background: #333333;

	color:#fff;

	text-align: center;

	line-height: 23px;

	float: left;

 

}



.news  .qs  ul li .q p{

	float: right;

	color:#333333;

	font-size: 16px;

	width: 300px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news  .qs  ul li  .a{

	display: block;

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.news  .qs  ul li  .a span{

	display: block;

	float: left;

	width: 23px;

	height: 23px;

	background: #1E80DB;

	text-align: center;

	line-height: 23px;

	color:#fff;

	border-radius: 50%;

}

.news  .qs  ul li  .a p{

	color:#555555;

	font-size: 14px;

	width: 300px;

	height: auto;

	float: right;

	line-height: 22px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.news  .qs  ul li:hover .q p{

	color:#006CD8;

}



.links{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.links .tit {

	float: left;

}

.links .tit img{

	display: block;

}



.links ul{

	float: right;

	width: 980px;

	height: 60px;

	overflow: hidden;

	margin-top: 10px;

}

.links ul li{

	float: left;

	padding: 0 10px;

	line-height: 30px;

	position: relative;

}

.links ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #929191;

}

.links ul li a{

	color:#6f6d6d;

}

.footer{

	width: 100%;

	height:auto;

	overflow: hidden;

	background: #DCE1E8;

	margin-top: 30px;

}

.footer .main{

	width: 1200px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: auto;

	min-height: 270px;

	margin: 15px auto;

	overflow: hidden;

}

.footer img{

	display: block;

}

.footer .info{

	color:#333333;

	font-size: 14px;

	line-height: 26px;

	border-left: 1px solid #D1D8E0;

	border-right: 1px solid #D1D8E0;

	padding: 0 50px;

}

.footer .info a{

	color:#333333;

}

.footer .ewm p{

	text-align: center;

	color:#666666;

	font-size: 14px;

	line-height: 30px;

}

.cr{

	width: 100%;

	height: 60px;

	background: #0297CF;

	line-height: 60px;

	color:#fff;

	text-align: center;

	font-size: 14px;



}

.in-content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.in-content .news{

	margin-top: 50px;

}

.crumbs{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

}

.crumbs img{

	display: block;

	float: left;

}

.crumbs a{

	color:#666666;

	font-size: 14px;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 18px;

	position: relative;

}

.crumbs a:after{

	content: ">";

	position: absolute;

	right: -8px;

	top: 0;

	color:#666;

	font-size: 14px;

}

.crumbs a:last-child:after{

	width: 0;

	height:0;

	overflow: hidden;

}

.about-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	color: #333;

	font-size: 16px;

	line-height: 30px;

	 

}

.in-newsList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.in-newsList .tit{

	width: 100%;

	height: 35px;



	border-bottom: 2px solid #B20000;

}

.in-newsList .tit p{

	float: left;

	width: 125px;

	height: 35px;

	background: #B20000;

	text-align: center;

	line-height: 35px;

	color:#fff;

	font-size: 16px;

}

.in-newsList .tit a{

	float: right;

	color:#666666;

	font-size: 14px;

	margin-right: 10px;

	margin-top: 10px;

}

.in-newsList ul{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.in-newsList ul li{

	width: 100%;

	position: relative;

	line-height: 35px;

	height: auto;

	overflow: hidden;

}

.in-newsList ul li:after{

	content: ">";

	position: absolute;

	left: 0;

	top: 0;

	color:#666666;

	font-size: 16px;

}

.in-newsList ul li a{

	display: block;

	margin-left: 15px;

	color: #666666;

	font-size: 16px;

	float: left;

	width: 900px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;



}

.in-newsList ul li span{

	display: block;

	float: right;

	font-size: 12px;

	color:#666;

}

.in-newsList ul li:hover a{

	color:#B20000;

}

.cpList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.cpList ul{

	margin-left: -20px;

}

.cpList ul li{

	float: left;

	width: 386px;

	height: auto;

	overflow: hidden;

	margin-left: 20px;

}

.cpList ul li img{

	display: block;

	width: 386px;

	height: 316px;

}

.cpList ul li p{

	width: 100%;

	line-height: 30px;

	text-align: center;

	line-height: 40px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	color:#1f1f1f;

	font-size: 16px;

}

.page{

	display: table;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.page ul li{

	float: left;

	padding: 0 10px;

	line-height: 30px;

	border: 1px solid #ccc;

	box-sizing: border-box;

	margin: 0 3px;

}

.page ul li a{

	color:#333;

}

.page ul  .active{

	background: #0066CC;

	border: 1px solid #0066CC;

	color:#fff;

}

.img-box{

	overflow: hidden;

}

.img-box img{

	display: block;

	transition: .5s;

}

.img-box:hover img{

	transform: scale(1.05);

}

.paging{

	width: 100%;

	height: 30px;

	margin-top: 20px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.paging a{

	display: block;

	padding-right: 15px;

	padding-left: 15px;

	line-height: 30px;

	border: 1px solid #cccccc;

	color:#666666;

	font-size: 14px;

	margin-left:5px;

	margin-right:5px;

}

.paging  .on{

	background: #B20000;

	color:#fff;

	border: 1px solid #B20000;

}

.newsList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	

}

.newsList .tab{

	display: table;

	margin: 0 auto;

}

.newsList .tab a{

	display: block;

	width: 160px;

	height: 45px;

	border: 1px solid #eee;



	box-sizing: border-box;

	float: left;

	margin: 0 10px;

	border-radius: 5px;

	line-height: 45px;

	text-align: center;

	color:#333;

	font-size: 16px;

}

.newsList .tab a:hover{

	background: #0066CC;

	color:#fff;

	border: 1px solid #0066CC;

}



.newsList ul{

	margin-top: 20px;

}

.newsList ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-bottom: 5px;

	line-height: 40px;

	border-bottom: 1px dashed #D2D2D2;

}

.newsList ul li:after{

	content: "";

	position: absolute;

	left: 0;

	width: 5px;

	height: 5px;

	background: #666;

	border-radius: 50%;

	top: 50%;

	margin-top: -2px;

	color:#333;

}

.newsList ul li:hover a{

	color:#0066CC;

}

.newsList ul li a{

	color:#333;

	font-size: 16px;

	width: 700px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	float: left;

	margin-left: 15px;

}

.newsList ul li span{

	display: block;

	float: right;

	color:#666;

}



.pro-list .list{

	margin-top: 0;

}





.works-detail{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.works-detail .tit{

	width: 100%;

	height: 65px;

	overflow: hidden;

	border-bottom: 1px solid #cccccc;

}

.works-detail .tit h4{

	font-size: 20px;

	color:#1f1f1f;

	text-align: center;

}

.works-detail .tit div{

	display: flex;

	justify-content: center;

	margin-top: 10px;

}

.works-detail .tit p{

	float: left;

	color:#666666;

	font-size: 14px;

	margin-left: 5px;

	margin-right: 5px;

}

.works-detail  .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	color:#333;

	font-size: 16px;

	line-height: 30px;

}

.works-detail  .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.preview{

	width:725px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

 	margin-top: 10px;

	 

}

.smallImg{

	position:relative; 

	height:115px;

	margin-top:1px; 

	width:100%;

	overflow:hidden;

	float:left;

	margin-top:15px;

}

.scrollbutton{

	width:42px;

	height:120px;

	overflow:hidden; 

	position:relative; 

	float:left; 

	cursor:pointer; 

}

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{

	background:url(../images/next.png) no-repeat;

	height: 115px;

}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{

	background:url(../images/prev.png) 

	no-repeat; 

	float:right;

	height:115px;

}



#imageMenu {

	height:120px;

	width:580px;

 

	margin-left: 20px;

	overflow:hidden; 

 

	float:left;

}

#imageMenu ul{

	height: auto;

	overflow: hidden;

	width: 400%;

}

#imageMenu li {

	width:140px; 

	height:115px;

	overflow:hidden; 

	float:left; 

	text-align:center;

	border: 1px solid #cccccc;

	margin-left:4px;

	margin-right: 4px;

}

#imageMenu li img{

	width:140px; 

	height:115px;



	cursor:pointer;

}

 

.bigImg{

	position:relative; 

	float:left; 

	width:725px;

	height:auto;

	overflow:hidden;



 

}

.bigImg .box{

	width: 6

 	margin: 14px;

	height:auto;



}

.bigImg #midimg{

	width: 725px;

	height: 430px;

 

 

}

.bigImg #winSelector{

	width:235px; 

	height:210px;

}

#winSelector{

	position:absolute; 

	cursor:crosshair; 

	filter:alpha(opacity=15); 

	-moz-opacity:0.15; 

	opacity:0.15; 

	background-color:#000; 

	border:1px solid #fff;

}

 

#bigView{

	position:absolute;

	border: 1px solid #959595; 

	overflow: hidden; z-index:9999;

}

#bigView img{

	position:absolute;

	width: 800px;

	height: 662px;

}

#close {

    width: 30px;

    height: 30px;

    background: url(../images/icon12.png)no-repeat;

    background-size: 100%;

    position: absolute;

    bottom: 12px;

    z-index: 1000000;

    right: 10px;

}

.works-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.works-intro .t{

	width: 100%;

	height: 35px;

	border-bottom: 2px solid #B20000;

}

.works-intro .t{

	width: 100%;

	height: 35px;



	border-bottom: 2px solid #B20000;

}

.works-intro .t p{

	float: left;

	width: 125px;

	height: 35px;

	background: #B20000;

	text-align: center;

	line-height: 35px;

	color:#fff;

	font-size: 16px;

}



.works-intro .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 500px;

	border-bottom: 1px solid #d2d2d2;

}

.fy{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin: 60px auto;

	border-bottom: 1px dashed #ccc;

	height: 30px;

}



.fy p{

 

	height: auto;

	overflow: hidden;

	color:#333;

	font-size: 12px;

	max-width: 300px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 14px;

	float: left;

	margin-right: 50px;

}



.fy  a{

	color:#333;

}

.fy  a:hover {

	text-decoration: underline;

	color:#0088dc;

}

.fy .return{

	font-size: 14px;

	float: right;

}

.hire{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.hire ul{

	float: left;

	width: 722px;

	height: auto;

	overflow: hidden;

}

.hire ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #cccccc;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.hire .pic{

	float: right;

	margin-top: 30px;

}

.hire .pic img{

	display: block;

}

.hire ul li h4{

	font-size: 18px;

	font-weight: bold;

	color:#f50003;

}

.hire ul li p{

	color:#1f1f1f;

	font-size: 16px;

	margin-top:10px;

}

.hire ul li span{

	display: block;

	color:#1f1f1f;

	font-size: 16px;

	line-height: 30px;

}

.video{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.video ul li{

	float: left;

	width: 555px;

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

}

.video ul li img{

	display: block;

	width: 555px;

	height: 453px;

}

.video ul li p{

	text-align: center;

	font-size: 16px;

	color:#1f1f1f;

	line-height: 40px;

}

.video ul li:nth-child(2n){

	float: right;

}

.in-contact{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.in-contact .map{

	float: left;

	width: 618px;

	height: 420px;

}

.in-contact .info {

	float:left;

	margin-left: 65px;

	width: 440px;

	height: auto;

	margin-top: 30px;

}

.in-contact .info h4{

	font-size: 20px;

	color:#1f1f1f;



}

.in-contact .info p{

	color:#1f1f1f;

	font-size: 16px;

	line-height: 30px;

	margin-top: 10px;

}

.in-contact .info  img{

	display: block;

	width: 117px;

	height: 117px;

	margin-top: 20px;

}





@media (max-width: 1420px){

	.main{

		width: 1260px;

	}

	.nav ul li{

		width: 105px;

	}

}



.mssg-intro{

	width:820px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

	margin-bottom: 30px;

	background: #eeeeee;

}



.mssg-intro img{

	display: block;

	width: 100%;

}



.mssg-intro form{

	width: 745px;

 	margin: 0 auto;

 	margin-top: 25px;

}

.mssg-intro form ul {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.mssg-intro form ul li{

	height: auto;

	overflow: hidden;

	float: left;

	width: 225px;

	margin-left: 35px;

	margin-bottom: 20px;

}

.mssg-intro form ul li:nth-child(4) {

	width: 100%;

	margin-left: 0;

}

.mssg-intro form ul li:nth-child(4) input{

	width:695px;

}

.mssg-intro form ul li:first-child{

	margin-left: 0;

}

.mssg-intro form ul li p{

	float: left;

	font-size: 16px;

	line-height: 40px;

	color:#333333;

}

 



.mssg-intro form ul li input{

	width: 175px;

	height: 40px;

	border: 1px solid #dcdcdc;

	background: #fff;

	border-radius:5px;

	outline:none;

	text-indent: 5px;

	border-radius: 5px;



	font-family: '微软雅黑';

	float: left;

}

.mssg-intro form ul li:last-child{

	width: 100%;

	margin: 0;

}

.mssg-intro form ul li textarea{

	width: 695px;

	height: 150px;

	resize: none;

	outline: none;

	text-indent: 5px;

	border-radius: 5px;

	padding-top: 10px;

	border: 1px solid #dcdcdc;

	float: left;

}

.mssg-intro form .btn{

	display: table;

	margin: 0 auto;

	margin-top: 30px;

	margin-bottom: 50px;

}

.mssg-intro form .btn input{

	width: 190px;

	height: 40px;

	letter-spacing: 5px;

	background: #999999;

	font-size: 18px;

	font-weight: normal;

	margin: 0 10px;

	border-radius: 5px;

	color:#fff;

	 

	border: none;

}

.mssg-intro form .btn input:first-child{

	background: #006CD8;



}